<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="style/common.css"/>
    <link rel="stylesheet" href="style/home.css"/>
</head>
<body>

<!--start-->
<div class="techbook home">
    <!--head-->
    <div class="head">
        <div class="top">
            <div class="wrap">
                <div class="fl">51TechBook.com，为技术而生！</div>
                <div class="fr">
                    <p class="fl">你好，请<a href="" class="login">【登录】</a><a href="" class="reg">[免费注册]</a></p>

                    <div class="fr topMenu">
                        <dl>
                            <dt>
                                <a href="">我的订单</a>
                            </dt>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">个人中心</a>
                            </dt>
                            <dd>
                                <a href="">个人信息</a><a href="">安全中心</a><a href="">收货地址</a><a href="">等待添加</a>
                            </dd>
                        </dl>
                        <dl class="cart">
                            <dt><a href="">购物车<i>16</i></a></dt>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">我是商家</a>
                            </dt>
                            <dd>
                                <a href="">我是商家</a>
                                <a href="">我是商家</a>
                                <a href="">我是商家</a>
                            </dd>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">客户服务</a>
                            </dt>
                            <dd>
                                <a href="">消费服务</a>
                                <a href="">商家服务</a>
                            </dd>
                        </dl>
                        <dl class="more">
                            <dt>
                                <a href="">更多</a>
                            </dt>
                            <dd>
                                <a href="">更多更多</a>
                                <a href="">更多更多</a>
                                <a href="">更多更多</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="bot wrap">
            <div class="left fl">
                <a href="" class="logo"><img src="img/front/logo.jpg" alt=""/></a>
                <div class="all">全部图书分类</div>
            </div>

            <div class="mid fl">
                <div class="search"><input type="text" class="word" value="办公与计算机" onclick="if('办公与计算机'==this.value)this.value='';"/><input type="button" value="" class="btn"/></div>
                <div class="hot"><a href="">办公与计算机</a><a href="">办公与计算机</a><a href="">办公与计算机</a><a href="">办公与计算机</a></div>
                <p class="fr"><em>特价活动：</em><a href="">计算机科技教学书（第三版）</a></p>
                <div class="nav"><a href="">首页</a><i>|</i><a href="">预售</a><i>|</i><a href="">荐书</a></div>
            </div>

            <div class="right fr">
                <div class="commitmentList"></div>
                <div class="free">
                    <p><a href="">我要免费开店</a></p>
                </div>
            </div>
        </div>
        <div class="wrap menuBox">
            <div class="menu">
                <div class="list" id="menuList">
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="">编程与开发</a><i>/</i><a href="">操作系统</a></dt>
                        <dd>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                            <dl class="sub">
                                <dt><a href="">更多&gt;&gt;</a><i></i><b>编程与开发</b></dt>
                                <dd>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a><i>/</i>
                                    <a href="">安全与加密</a>
                                </dd>
                            </dl>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>

    </div>
    <!--head End-->

    <!--body-->
    <div class="body">
        <div class="news wrap">
            <div class="con">
                <dl>
                    <dt>快报资讯</dt>
                    <dd><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></dd>
                    <dd><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></dd>
                    <dd><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></dd>
                    <dd><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></dd>
                    <dd><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></dd>
                </dl>
                <div class="ad">
                    <a href=""><img src="img/example/ad_01.jpg" alt=""/></a>
                </div>
            </div>

        </div>

        <div class="slide" id="slide">

                    <ul class="list">
                        <li><a href=""><img src="img/front/slide01.jpg" alt=""/></a></li>
                        <li><a href=""><img src="img/front/slide02.jpg" alt=""/></a></li>
                        <li><a href=""><img src="img/front/slide03.jpg" alt=""/></a></li>
                        <li><a href=""><img src="img/front/slide04.jpg" alt=""/></a></li>
                    </ul>

                <div class="arrows wrap">
                    <span class="left"></span><span class="right"></span>
                </div>
                <div class="btns"><span class="curr"></span><span></span><span></span><span></span></div>
            </div>

        <div class="floor wrap bgWhite">
            <div class="tab floorTab">
                <div class="number fl"><b>1F</b><h3>新书速递</h3></div>
                <div class="tabs">
                    <ul class="fr"><li class="tab tabCurr">编程</li><li class="tab">软件工程</li><li class="tab">网站设计</li><li class="tab">网络与通讯</li></ul>
                </div>
                <div class="tabCons">
                    <div class="tabCon tabConCurr">
                        <div class="sideBookList fl">
                            <dl class="hl">
                                <dt class="hot">1</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">11全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt class="hot">2</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt class="hot">3</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt>4</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt>5</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt>6</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt>7</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                            <dl>
                                <dt>8</dt>
                                <dd>
                                    <dl class="book">
                                        <dt><div class="img"><a href=""><img src="img/example/first_book.jpg" alt=""/></a></div></dt>
                                        <dd>
                                            <div><a href="">全国计算机等级考试二级全国计算机等级考试二级END</a></div>
                                            <b>￥21.00</b>
                                            <p>￥35.00</p>
                                        </dd>
                                    </dl>
                                </dd>
                            </dl>
                        </div>

                        <ul class="floorBookList fr">
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>

                        </ul>

                    </div>
                    <div class="tabCon">2</div>
                    <div class="tabCon">3</div>
                    <div class="tabCon">4</div>
                </div>
            </div>
        </div>
        <div class="floor wrap bgWhite">
            <div class="tab floorTab">
                <div class="number fl"><b>2F</b><h3>图书推荐</h3></div>
                <div class="tabs">
                    <ul class="fr"><li class="tab tabCurr">编程</li><li class="tab">软件工程</li><li class="tab">网站设计</li><li class="tab">网络与通讯</li></ul>
                </div>
                <div class="tabCons">
                    <div class="tabCon tabConCurr">
                        <ul class="floorBookList floorBookList02">
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>
                            <li>
                                <div class="imgBox"><div class="img"><a href=""><img src="img/example/book_170x170.jpg" alt=""/></a></div></div>
                                <a href="" class="name">00全国计算机等级考试二级全国计算机等级考试二级END</a>
                                <p>
                                    <b>￥21.00</b>
                                    <span>￥35.00</span>
                                </p>
                            </li>

                        </ul>

                    </div>
                    <div class="tabCon">2</div>
                    <div class="tabCon">3</div>
                    <div class="tabCon">4</div>
                </div>
            </div>
        </div>

        <div class="floorAd">
            <div class="wrap">
                <a href=""><img src="img/example/floor_ad.jpg" alt=""/></a><a href=""><img src="img/example/floor_ad.jpg" alt=""/></a><a href=""><img src="img/example/floor_ad.jpg" alt=""/></a>
            </div>
        </div>

        <div class="box01 wrap">
            <div class="tab commentTab bgWhite fl">
                <div class="title fl">热门评论</div>
                <div class="tabs">
                    <ul class="fr">
                        <li class="tab tabCurr"></li>
                        <li class="tab"></li>
                        <li class="tab"></li>
                    </ul>
                </div>
                <div class="tabCons">
                    <div class="tabCon tabConCurr">
                        <div class="hotCommentBookList">
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">111111“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                            <dl>
                                <dt><div class="img"><a href=""><img src="img/example/book_99x99.jpg" alt=""/></a></div></dt>
                                <dd>
                                    <a href="">“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论“皮皮皮”的评论</a>
                                    <p>“皮皮皮”的评论</p>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="tabCon">2</div>
                    <div class="tabCon">3</div>
                </div>
            </div>

            <dl class="userShow bgWhite fr">
               <dt>书友晒单</dt>
                <dd>
                    <ul class="userList">
                        <li>
                            <a href=""><div class="img"><img src="img/example/user_150x150.jpg" alt=""/></div><span>晒出自己的技术</span></a>
                        </li>
                        <li>
                            <a href=""><div class="img"><img src="img/example/user_150x150.jpg" alt=""/></div><span>晒出自己的技术</span></a>
                        </li>
                        <li>
                            <a href=""><div class="img"><img src="img/example/user_150x150.jpg" alt=""/></div><span>晒出自己的技术</span></a>
                        </li>
                        <li>
                            <a href=""><div class="img"><img src="img/example/user_150x150.jpg" alt=""/></div><span>晒出自己的技术</span></a>
                        </li>
                    </ul>

                </dd>
            </dl>
        </div>

        <div class="home_bottom">
            <div class="left">
                <div class="inner"></div>
            </div>
            <div class="mid wrap">
                <div class="inner">
                   <div class="bgLeft fl">
                       <div class="logo"><img src="img/front/bottom_logo.gif" alt=""/></div>
                       <div class="line"></div>
                       <div class="txt">
                           <h3>51techbook，专业科技类图书提供商</h3>
                           <h4>让每位专研技术的人都能买到便宜的好书</h4>
                       </div>
                   </div>
                    <div class="bgRight fr">
                        <div class="btns">
                            <a href="">登&nbsp;录</a><a href="">注&nbsp;册</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="inner"></div>
            </div>
        </div>
    </div>
    <!--body End-->

    <!--foot-->
    <div class="foot">
        <div class="top">
            <div class="wrap">

                <div class="link fl">
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="">帮助中心</a><a href="">诚聘英才</a><a href="">法律声明</a></dd>
                    </dl>
                    <dl>
                        <dt>买家中心</dt>
                        <dd><a href="">在线答疑</a><a href="">服务保障</a><a href=""></a></dd>
                    </dl>
                    <dl>
                        <dt>专家中心</dt>
                        <dd><a href="">在线咨询</a><a href="">商品报名</a><a href="">商家规则</a><a href="">规则通知</a></dd>
                    </dl>
                </div>
                <div class="logo fl"><img src="img/front/foot_logo.jpg" alt=""/></div>
                <div class="phone fl">扫一扫，更多惊喜！</div>
                <ul class="ewm fr">
                    <li>
                        <img src="img/front/ewm_mobile.jpg" alt=""/>
                        <br>下载移动客户端
                    </li>
                    <li>
                        <img src="img/front/ewm_wx.jpg" alt=""/>
                        <br>微信二维码
                    </li>
                </ul>

            </div>
        </div>
        <div class="copyright">
            <p class="wrap">Copyright&nbsp;&copy;&nbsp;2013-2018&nbsp;武汉创远达信息技术有限公司版权所有&emsp;鄂ICP备14008188-1号</p>
        </div>
    </div>
    <!--foot End-->

    <!--sideBar-->

    <!--sideBar End-->

</div>
<!--End-->

</body>
<script src="script/jquery.js"></script>
<script src="script/plug.js"></script>
<script src="script/common.js"></script>
<script>
$(function(){
    //Tab
    $('.tab').tab({
        eventType:'mouseenter',
        callback: function ($currTab,$currCon,i,$tab) {
            //$currTab:当前选项卡
            //$currCon:当前内容
            //i:索引
            //$tab:整个Tab，插件选择器选择的'.tab'
            console.log(arguments);
        }
    });

    //Slide
    $('#slide').slide({
        list:'.list',
        left:'.arrows .left',
        right:'.arrows .right',
        btns:'.btns'
    });

    //类目导航
    $('#menuList').on({
        mouseenter: function () {
            $(this).addClass('open');
        },
        mouseleave: function () {
            $(this).removeClass('open');
        }
    },'dl');

    //楼层左侧TopN书籍Toggle
    $('.sideBookList').sideBookListToggle();
});
</script>
</html>